<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>
<!DOCTYPE html>

<html lang="ko">
	<head>
		<meta charset="UTF-8"/>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>Book Mark</title>
		<!--모바일 웹 페이지 설정 -->
		<link rel="shortcut icon" href="assets/ico/favicon.png" />
		<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png" />
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png" />
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png" />
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png" />
		<!-- bootstrap -->
		<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" />
		<!--나눔고딕 웹 폰트 적용 -->
		<link rel="stylesheet" type="text/css" href="assets/css/nanumfont.css" />
		<!--반응형 웹을 지원하지 않을 경우 -->
		<!-- <link rel="stylesheet" href="assets/css/nonresponsive.css" /> -->
		<!--IE8 이하 버전 지원 -->
		<!--[if lt IE 9]>
		<script type="text/javascript" src="assets/js/html5shiv.js"></script>
		<script type="text/javascript" src="assets/js/respond.min.js"></script>
		<![endif]-->
		<!-- IE10 반응형 웹 버그 보완 -->
		<!--[if gt IE 9]>
		<link rel="stylesheet" type="text/css" href="assets/css/ie10.css" />
		<script type="text/javascript" src="assets/js/ie10.js"></script>
		<![endif]-->
		<link rel="stylesheet" type="text/css" href="assets/font-awesome-4.0.3/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
		<link rel="stylesheet" href="assets/css/bookmark.css">


	<body>
	<!-- 팝업창
		<div id="myModal" class="modal fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
			<div class="modal-dialog">
				
				
			
				<div class="modal-body">
					<p>
						 삭제 하시겠습니까?
					</p>
				</div>
		
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">
						NO
					</button>
					<button type="button" class="btn btn-default" id="del"  >
						YES
					</button>
				</div>
			</div>
		</div> -->

	<div class="bm-popup-box">
		<div class="text-center">
			<p>선택한 항목</p>
			<p>삭제하시겠습니까?</p>
		</div>
		<hr/>
		<div class="row text-center">
			<botton class="pop1 btn btn-primary popup-sl col-md-6 col-sm-6 col-xs-6" onfocus='blur();'>취소</botton>
			<botton class="pop1 btn btn-primary popup-el col-md-6 col-sm-6 col-xs-6">삭제</botton>
		</div>
	</div>
	
	
	
	
		<!-- 상단 해더 바 -->
	<nav class="navbar navbar-fixed-top" role="navigation">
		<div class="nav_content text-center">
			<div class="nav_menu_btn pull-left text-center">
				<a class="back_btn nav_btn back_btn" onclick="history.back();"><i class="fa fa-arrow-left"></i></a>
				<a class="nav_btn no_btn hidden">취소</a>
			</div>
			<span class="page_title"><strong>북마크</strong></span>
			<div class="submit_btn pull-right text-center">
				<a class="nav_btn edit_btn">편집</a>
				<a class="nav_btn ok_btn hidden" onclick="html5rocks.webdb.getAllbookmarkItems(delList);">완료</a>			
			</div>
		</div>
	</nav>
	<!-- 상단 해더 끝 -->
		
		
		<div class="container" id="bookmark">
		</div>
		
		<!--Javascript -->
		<script src="assets/js/jquery.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/string.js"></script>
		<script type="text/javascript" src="assets/js/db.js"></script>
		<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
		<script id="android"></script>
		<script src= "assets/js/db.js"></script>
		<script type="text/javascript">
		var userBrowser = navigator.userAgent.toLowerCase();

		if (userBrowser.indexOf("android") != -1){
			$('#android').attr("src", "assets/js/cordova.js");
			
			document.addEventListener("deviceready", onDeviceReady, false);
			
			function onDeviceReady() {
				init();
			}
		} else {
			init();
		}
		
		$(function(){
			$('.edit_btn').click(function(){
				$('.hidden').removeClass('hidden');
				$('.edit_btn, .back_btn').addClass("hidden");
				$(".alarm-thumbnail").show();
			});
			
			$('.no_btn').click(function(){
				$('.hidden').removeClass('hidden');
				$('.no_btn, ok_btn').addClass("hidden");
				$(".alarm-thumbnail").hide();
			});
				
			
			$(".bm-popup-box").dialog({
				autoOpen : false, // 페이지 로드 시 바로 작동할지 on/off
				modal : true, // 팝업 시 다른 기능 잠금 on/off (alert 기능)
				resizable : false, // 마우스로 팝업 창 크기 변경 on/off
				draggable : false // 마우스로 팝업 창 이동 on/off
			});
			
			$('.ok_btn').click(function() {
				$('.bm-popup-box').dialog("open");
				$('.ui-dialog-titlebar-close').blur();
				$('.ui-dialog-titlebar-close').html('<i class="fa fa-times close-pop"></i>');
				$('.ui-dialog-title').html('북마크 삭제');
				
				$('.popup-sl').click(function() {
					$(this).parents('.bm-popup-box').dialog("close");
				});
				
				$('.popup-close').click(function() {
					$(this).parents('..bm-popup-box').dialog("close");
					return false;
				});
				
				$('.ui-widget-overlay').click(function() {
					$('.bm-popup-box').dialog("close");
				});
			});
			
			
			
			/*
			$(".no_btn").hide();
			$(".ok_btn").hide();
			$(".edit_btn").click(function(){
				$(this).hide(function(){
					$(".alarm-thumbnail").show();
					$(".no_btn").show();
					$(".back_btn").hide();
					$(".ok_btn").show();
					$(".no_btn").click(function(){
						$(this).hide(function(){
							$(".ok_btn").hide();
							$(".edit_btn").show();
							$(".back_btn").show();
							$(".alarm-thumbnail").hide();
						});
					});
				});
			});		*/
		});
	
	
 /** 웹 디비 스크립트 */


 
</script>
	</body>
</html>
